<template>
  <div class="home">
    <div data-server-rendered="true" id="__nuxt">
      <!---->
      <div id="__layout">
        <div data-fetch-key="0" class="app light macwk-animation">
          <top :message3="acticve" />
          <iframe class="iframe" src="https://pinia.web3doc.top/" border="0" frameborder="no" framespacing="0" allowfullscreen="true" />
          <div class="app-main mobile-layout">
            <div class="w-full bg auto d-flex layout-min-full-height">
              <div class="app-content mobile-model">
                <div class="
                  d-flex
                  layout-min-full-height
                  justify-content-center
                  align-items-center
                  ">
                    <div class="text-center" style="width: 80%; margin: 0 auto">
                      <h1 class="mb-4">哇，窗口太小啦</h1>
                      <p class="mb-6">请调整浏览器窗口大小或者请使用手机查看！</p>
                    </div>
                  </div>
              </div>
            </div>
          </div>
          <foot />
        </div>
      </div>
    </div>
  </div>
</template>

<script>

import top from "./components/top.vue";
import foot from "./components/foots.vue";

export default {
  name: "pinia",
  components: { top, foot },
  data() {
    return {
      acticve:'nav-link active',
    };
  },
  created() {
  },
  computed: {},

  methods: {
  },
};
</script>

<style scoped>

</style>
